/*推荐活动*/

.bgcolor a{ width: auto;}
.recommen{ display:block; border: 1.5px solid #F18D1D; position: relative; border-radius: 3px; overflow: hidden; text-indent: initial;}
.infor {padding:0; overflow:hidden; position:relative; z-index:10; display:block;}
.infor .items {width:100%;  position:relative; overflow:hidden; }
.infor .items .img {float:left; width:82px; height:109px; overflow:hidden;}
.title .st .x2 .trip .xq img{ margin:0 auto; display:block; text-align:center; max-width:100%;}
.infor .items .wd { display:block; height:91px; width: 64%; float:left; color:#808080; overflow:hidden; margin-top: 9px; margin-left:14px; position:relative;}
.infor .wd .st{display:block; color:#333; font-size:1.6rem; line-height:16px; max-height:35px; min-height:16px; overflow:hidden; margin-bottom: 3px;}
.infor .wd .time{display:block; overflow:hidden; font-size:1.1rem; height: auto; min-height:16px; max-height:30px; line-height:15px; color:#999; margin-top: 0; width: auto; }
.infor .wd .t_user{ position:absolute; left:0; bottom:0px; width:100%; font-size:1.1rem; height:auto; color:#999; }
.infor .wd .t_user .s1{ position:absolute; right:0; line-height:16px; font-size:1.3rem; color:#999;}
.infor .wd .t_user .s2{ color:#f18d1d;}
.infor .wd .t_user .s3{ color:#f8aa02;}
.infor .wd .t_user .s4{ color:#5eb966;}

@media only screen and (min-width: 375px){
	.infor .items .img {float:left; width:90px; height:120px; overflow:hidden;}
	.infor .items .wd { display:block; height:98px; width: 63%; float:left; color:#808080; overflow:hidden; margin-top: 11px; margin-left:18px; position:relative;}
	.infor .wd .st{display:block; color:#333; font-size:1.6rem; line-height:16px; max-height:32px; min-height:16px; overflow:hidden; margin-bottom: 5px;}
	.infor .wd .time{ font-size:1.2rem;}
	.infor .wd .t_user{ font-size:1.2rem;}
}
@media only screen and (min-width: 414px){
	.infor .items .img {float:left; width:90px; height:120px; overflow:hidden;}
	.infor .items .wd { display:block; height:98px; width: 67%; float:left; color:#808080; overflow:hidden; margin-top: 11px; margin-left:18px; position:relative;}
	.infor .wd .st{display:block; color:#333; font-size:1.6rem; line-height:18px; max-height:36px; min-height:18px; overflow:hidden; margin-bottom: 5px;}
	.infor .wd .time{ font-size:1.3rem;}
	.infor .wd .t_user{ font-size:1.3rem;}
}
@media only screen and (min-width: 640px){
	.infor .items .img {float:left; width:90px; height:120px; overflow:hidden;}
	.infor .items .wd { display:block; height:98px; width: 75%; float:left; color:#808080; overflow:hidden; margin-top: 11px; margin-left:18px; position:relative;}
	.infor .wd .st{display:block; color:#333; font-size:1.6rem; line-height:18px; max-height:36px; min-height:18px; overflow:hidden; margin-bottom: 5px;}
	.infor .wd .time{ font-size:1.3rem;}
	.infor .wd .t_user{ font-size:1.3rem;}
}



/*推荐文章*/

.i_article{}
.i_article .infor .items .wd { display:block; height:64px; width: 64%; float:left; color:#808080; overflow:hidden; margin-top: 9px; margin-left:14px; position:relative;}
.i_article .infor .wd .st{display:block; color:#333; font-size:1.6rem; line-height:18px; max-height:36px; min-height:18px; overflow:hidden; margin-bottom: 0;}
.i_article .infor .items .img {float:right; width:78px; height:82px; overflow:hidden;}
.i_article .infor .wd .t_user .u_imger{ height:16px; width:16px; float:left; overflow:hidden; border-radius:100%; margin-top: 1px;}
.i_article .infor .wd .t_user .u_imger img{ width:100%; vertical-align: bottom;}
.i_article .infor .wd .t_user .user{ float:left; margin-left:5px;}


@media only screen and (min-width: 375px){
	.i_article .infor .items .img { width:85px; height:90px;}
	.i_article .infor .items .wd { display:block; height:68px; width: 63%; float:left; color:#808080; overflow:hidden; margin-top: 11px; margin-left:18px; position:relative;}
	.i_article .infor .wd .st{display:block; color:#333; font-size:1.6rem; line-height:20px; max-height:40px; min-height:20px; overflow:hidden; margin-bottom: 3px;}
}
@media only screen and (min-width: 414px){
	.i_article .infor .items .img { width:85px; height:90px;}
	.i_article .infor .items .wd { display:block; height:68px; width: 67%; float:left; color:#808080; overflow:hidden; margin-top: 11px; margin-left:18px; position:relative;}
	.i_article .infor .wd .st{display:block; color:#333; font-size:1.6rem; line-height:18px; max-height:36px; min-height:18px; overflow:hidden; margin-bottom: 2px;}
}
@media only screen and (min-width: 640px){
	.i_article .infor .items .img { width:85px; height:90px;}
	.i_article .infor .items .wd { display:block; height:68px; width: 75%; float:left; color:#808080; overflow:hidden; margin-top: 11px; margin-left:18px; position:relative;}
	.i_article .infor .wd .st{display:block; color:#333; font-size:1.6rem; line-height:18px; max-height:36px; min-height:18px; overflow:hidden; margin-bottom: 2px;}
}

/*推荐群组*/

.i_group{ padding: 3%;}
.i_group .items .img {float:left; width:40px; height:40px; overflow:hidden; border-radius: 100%;}
.i_group .items .wd { display:block; height:34px; width: 83%; float:left; color:#808080; overflow:initial; margin-top: 3px; margin-left:6px; position:relative;}
.i_group .wd .st{display:block; color:#333; font-size:1.6rem; line-height:16px; max-height:32px; min-height:16px; overflow:initial; margin-bottom: 3px;}
.i_group .wd .st .over{ max-width: 57%; display: inline-block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.i_group .wd .time{display:block; overflow:hidden; font-size:1.1rem; height: auto; min-height:16px; max-height:32px; line-height:16px; color:#999; margin-top: 0; width: auto; width: 65%; text-overflow: ellipsis; white-space: nowrap; }

.i_group .wd .label{ width:auto; font-size:1.0rem; height:auto; color:#F18D1D; border: 1px solid #F18D1D; border-radius: 50px; padding:1px 3% 1px 3%; margin-left:5px; }
.i_group .wd .t_user{ position:absolute; right:0; left: initial; bottom:0px; width:auto; font-size:1.1rem; line-height: 12px; height:auto; color:#999; }
.infor .wd .t_user .s2{ color:#f18d1d;}



@media only screen and (min-width: 375px){
	.i_group .items .img { width:45px; height:45px;}
	.i_group .items .wd { display:block; height:39px; width: 81%; float:left; color:#808080; overflow:hidden; margin-top: 3px; margin-left:14px; position:relative;}
	.i_group .wd .st{display:block; color:#333; font-size:1.6rem; line-height:16px; max-height:32px; min-height:20px; margin-bottom: 3px;}
	.i_group .wd .time{ font-size:1.2rem;}
	.i_group .wd .label{ font-size:1.1rem;}
	.i_group .wd .t_user{ font-size:1.2rem;}
}
@media only screen and (min-width: 414px){
	.i_group .items .img { width:45px; height:45px;}
	.i_group .items .wd { display:block; height:39px; width: 83%; float:left; color:#808080; overflow:hidden; margin-top: 3px; margin-left:14px; position:relative;}
	.i_group .wd .st{display:block; color:#333; font-size:1.6rem; line-height:16px; max-height:32px; min-height:20px; margin-bottom: 5px;}
	.i_group .wd .time{ font-size:1.3rem;}
	.i_group .wd .label{ font-size:1.2rem;}
	.i_group .wd .t_user{ font-size:1.3rem;}
}
@media only screen and (min-width: 640px){
	.i_group .infor .items .img { width:45px; height:45px;}
	.i_group .infor .items .wd { display:block; height:39px; width: 88%; float:left; color:#808080; overflow:hidden; margin-top: 3px; margin-left:14px; position:relative;}
	.i_group .infor .wd .st{display:block; color:#333; font-size:1.6rem; line-height:16px; max-height:32px; min-height:20px; margin-bottom: 5px;}
	.i_group .wd .time{ font-size:1.3rem;}
	.i_group .wd .label{ font-size:1.2rem;}
	.i_group .wd .t_user{ font-size:1.3rem;}
}

/*推荐用户*/
.i_user{ padding: 3%;}
.i_user .infor .items .img {float:left; width:40px; height:40px; overflow:hidden; border-radius: 100%;}
.i_user .infor .items .wd { display:block; height:34px; width: 83%; float:left; color:#808080; overflow:hidden; margin-top: 3px; margin-left:6px; position:relative;}
.i_user .infor .wd .st{display:block; color:#333; font-size:1.6rem; line-height:16px; max-height:32px; min-height:16px; overflow:hidden; margin-bottom: 3px;}
.i_user .infor .wd .time{display:block; overflow:hidden; font-size:1.1rem; height: auto; min-height:16px; max-height:32px; line-height:16px; color:#999; margin-top: 0; width: auto; }
.i_user .infor .wd .time .boy{ width: 14px; height: 14px; display:block; float: left; background: url(../images/boy.png) center no-repeat; background-size: 100% auto;}
.i_user .infor .wd .time .girl{ width: 14px; height: 14px; display:block; float: left; background: url(../images/girl.png) center no-repeat; background-size: 100% auto;}
.i_user .infor .wd .time .t_age{ float: left; margin-right: 8px;}

.i_user .infor .wd .label{ position:absolute; right:0; left: initial; top:0px; width:auto; font-size:1.1rem; height:auto; color:#999; }
.i_user .infor .wd .Focus{ position:absolute; right:0; left: initial; bottom:0px; width:auto; font-size:1.1rem; height:auto; color: #F18D1D; border: 1px solid #F18D1D; border-radius: 3px; padding: 1% 6% 1% 6%; }

.i_user .infor .wd .t_user{ position:absolute; right:0; left: initial; bottom:0px; width:auto; font-size:1.1rem; line-height: 12px; height:auto; color:#999; }
.infor .wd .t_user .s2{ color:#f18d1d;}


@media only screen and (min-width: 375px){
	.i_user .infor .items .img { width:45px; height:45px;}
	.i_user .infor .items .wd { display:block; height:40px; width: 81%; float:left; color:#808080; overflow:hidden; margin-top: 3px; margin-left:14px; position:relative;}
	.i_user .infor .wd .st{display:block; color:#333; font-size:1.6rem; line-height:20px; max-height:32px; min-height:20px; overflow:hidden; margin-bottom: 5px;}
	.i_user .infor .wd .label{ font-size:1.2rem;}
	.i_user .infor .wd .Focus{ font-size:1.2rem;}
	.i_user .infor .wd .t_user{ font-size:1.2rem;}
	.i_user .infor .wd .time{ font-size:1.2rem;}
}
@media only screen and (min-width: 414px){
	.i_user .infor .items .img { width:45px; height:45px;}
	.i_user .infor .items .wd { display:block; height:40px; width: 83%; float:left; color:#808080; overflow:hidden; margin-top: 3px; margin-left:14px; position:relative;}
	.i_user .infor .wd .st{display:block; color:#333; font-size:1.6rem; line-height:20px; max-height:32px; min-height:20px; overflow:hidden;}
	.i_user .infor .wd .label{ font-size:1.3rem;}
	.i_user .infor .wd .Focus{ font-size:1.3rem;}
	.i_user .infor .wd .t_user{ font-size:1.3rem;}
	.i_user .infor .wd .time{ font-size:1.3rem;}
}
@media only screen and (min-width: 640px){
	.i_user .infor .items .img { width:45px; height:45px;}
	.i_user .infor .items .wd { display:block; height:39px; width: 88%; float:left; color:#808080; overflow:hidden; margin-top: 3px; margin-left:14px; position:relative;}
	.i_user .infor .wd .st{display:block; color:#333; font-size:1.6rem; line-height:20px; max-height:32px; min-height:20px; overflow:hidden;}
	.i_user .infor .wd .label{ font-size:1.3rem;}
	.i_user .infor .wd .Focus{ font-size:1.3rem;}
	.i_user .infor .wd .t_user{ font-size:1.3rem;}
	.i_user .infor .wd .time{ font-size:1.3rem;}
}
/*推荐app*/

.i_app{ padding:3.5% 3% 3.5% 3%;}
.i_app .items .img {float:left; width:54px; height:54px; overflow:hidden; border-radius: 100%;}
.i_app .items .wd { display:block; height:54px; width: 75%; float:left; color:#808080; overflow:hidden; margin-left:10px; margin-top: 0; position:relative;}
.i_app .wd .st{display:block; color:#333; font-size:1.5rem; line-height:16px; max-height:32px; min-height:16px; overflow:hidden; margin-bottom: 5px; font-weight: bold;}
.i_app .wd .time{display:block; overflow:hidden; font-size:1.1rem; height: auto; min-height:16px; max-height:32px; line-height:16px; color:#999; margin-top: 0; width: auto; width: 65%; text-overflow: ellipsis; white-space: nowrap; }

.i_app .wd .label{ position:absolute; right:0; left: initial; top:0px; width:auto; font-size:1.1rem; height:auto; color:#999; }
.i_app .wd .t_user{ position:absolute; right:0; left: initial; bottom:0px; width:auto; font-size:1.1rem; line-height: 12px; height:auto; color:#999; }
.infor .wd .t_user .s2{ color:#f18d1d;}



@media only screen and (min-width: 375px){
	.i_app .items .img { width:54px; height:54px;}
	.i_app .items .wd { display:block; height:54px; width: 78%; float:left; color:#808080; overflow:hidden; margin-left:14px; position:relative;}
	.i_app .wd .st{display:block; color:#333; font-size:1.5rem; line-height:17px; max-height:34px; min-height:20px; overflow:hidden; margin-bottom: 5px;}
	.i_app .wd .time{ font-size:1.2rem;}
	.i_app .wd .label{ font-size:1.2rem;}
	.i_app .wd .t_user{ font-size:1.2rem;}
}
@media only screen and (min-width: 414px){
	.i_app .items .img { width:65px; height:65px;}
	.i_app .items .wd { display:block; height:65px; width: 73%; float:left; color:#808080; overflow:hidden; margin-left:14px; position:relative;}
	.i_app .wd .st{display:block; color:#333; font-size:1.5rem; line-height:22px; max-height:45px; min-height:20px; overflow:hidden; margin-bottom: 5px;}
	.i_app .wd .time{ font-size:1.3rem;}
	.i_app .wd .label{ font-size:1.3rem;}
	.i_app .wd .t_user{ font-size:1.3rem;}
}
@media only screen and (min-width: 640px){
	.i_app .items .img { width:65px; height:65px;}
	.i_app .items .wd { display:block; height:65px; width: 82%; float:left; color:#808080; overflow:hidden; margin-left:14px; position:relative;}
	.i_app .wd .st{display:block; color:#333; font-size:1.6rem; line-height:22px; max-height:45px; min-height:20px; overflow:hidden; margin-bottom: 5px;}
	.i_app .wd .time{ font-size:1.3rem;}
	.i_app .wd .label{ font-size:1.3rem;}
	.i_app .wd .t_user{ font-size:1.3rem;}
}

/*文章权限*/
.infor .permissions{ margin-bottom: 3%;}
.permissions{ background-color: #F18D1D; color: #fff; padding-top: 3%; padding-bottom: 3%;}
.permissions .t1{ line-height: 25px; text-align: center; font-size: 1.6rem;}
.permissions .t2{ line-height: 20px; text-align: center; font-size: 1.4rem;}





















